<nz-list style="padding-top: 30px" [nzLoading]="loading" [nzDataSource]="list" [nzGrid]="{gutter: 24, lg: 6, md: 8, sm: 12, xs: 24 }">
    <ng-template #item let-item>
        <nz-list-item>
            <nz-card nzHoverable style="width: 100%;position: relative">
                <span [class]="item.isUse ? 'cl1': 'cl2' ">{{item.isUse ? '可用':'不可用'}}</span>
                <div class="pro-shadow" *ngIf="item.cour_name != ''">
                    <a (click)="preview(item.cour_id,'course',item.isUse)">
                        <i class="anticon anticon-eye"></i>
                        <br />查看章节</a>
                </div>
                <ng-container *ngIf="item.cour_name!=''" style="width: 100%">
                    <ng-template #cover>
                        <div [appAutobg]="item.cour_img ? (IP_PORT + item.cour_img):(IP_PORT + item.cour_img)">

                        </div>
                    </ng-template>
                    <nz-card-meta [nzTitle]="nzTitle" [nzDescription]="item.subDescription">
                        <ng-template #nzTitle>
                            <a routerLink="" style="color: #656565;">{{item.cour_name}}</a>
                        </ng-template>
                    </nz-card-meta>
                </ng-container>
            </nz-card>
        </nz-list-item>
    </ng-template>
</nz-list>
<nz-pagination *ngIf="list?.length!==0" class="pull-right" appMargin bottom="20" [(nzPageSize)]="pageSize" [(nzPageIndex)]="pageIndex"
    (nzPageIndexChange)="getData()" [nzTotal]="total"></nz-pagination>

